<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>jQuery回到顶部插件jQuery GoUp</title>

<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript" src="jquery.goup.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {



            $.goup({
//              离顶部还有多少距离时消失或出现
                trigger: 100,
//              离底部的距离
                bottomOffset: 150,
                location : 'right',
                locationOffset: 500,
//              图标下方文字
                title: 'Top',
//              控制图标下方文字是否显示
                titleAsText: true,
//              控制箭头外边框的颜色
                containerColor: "#000",
//              控制箭头的颜色
                arrowColor: "#fff",
//              控制圆角大小 单位是%
                containerRadius : 10,
//              动画方式有两种fade：fadeIn slide：slideDown
                entryAnimation : 'fade',
            });



        });

    </script>
<style>
.goup-text{
	width: 50px;
	height: 50px;
}
</style>
</head>



<body style="height: 2000px; text-align: center;">

向下滚动查看效果
</body>

</html>

